<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title>收银台</title>
    <meta name="format-detection" content="telephone=no, address=no">
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-touch-fullscreen" content="yes"/>
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
    <script src="{MODULE_URL}template/resources/js/jquery-2.1.1.min.js"></script>
    <link href="{MODULE_URL}template/resources/js/swiper.min.css" rel="stylesheet">
    <script src="{MODULE_URL}template/resources/js/swiper.min.js"></script>
</head>
<style>
    html,body{  height:100%;overflow: hidden;margin: 0;
        padding:0;}
    .swiper-container{width: 100%;  height:100%;}
    .swiper-container img{width: 100%;height: 100%;}
</style>
<body>
<div class="swiper-container">
    <div class="swiper-wrapper">
        {loop $list $row}
        <div class="swiper-slide" pcate="{$row['groupid']}" style="background: url({php echo tomedia($row['thumb'])}); background-size: cover">{$row['info']}</div>
        {/loop}
    </div>
</div>
{if count($list)>1}
<script language="JavaScript">
    var mySwiper=null;
    $(document).ready(function(){
        mySwiper = new Swiper('.swiper-container',{
            mode:'horizontal',
            loop: true,
            speed:1000,
            autoplay:10000,

        });
    });
</script>
{/if}
</body>
</html>